@import "../../app.less";

page{
    background-color: @background_color;
    padding-bottom: 30px;
}

.topAttached{
    width:90%;
    height:185px;
    border-radius: 20px;
    background-color: #fff;
    margin:0 auto;
    margin-top:180px;
    display: flex;
    flex-direction: column;
    
    .header{
        margin-left: 40px;
        margin-top: 35px;
        font-size: 42px;
        color: #5C4141;
        font-weight: 500;
    }

    .content{
        margin-left: 40px;
        margin-top: 20px;
        font-size: 26px;
        color: #D1A8A8;
    }
}

.tip{
    text-align: center;
    color:#D1A8A8;
    margin-top: 120px;
}

.appointmentList{
    width:90%;
    // height:1000px;
    // background-color: #fff;
    margin: 0 auto;
    margin-top: 20px;
    .appointment_wrap{
        width: 100%;
        background-color: #fff;
        border-radius: 20px;
        margin-bottom: 35px;
        padding-bottom: 35px;
        display: flex;
        flex-direction: column;
        .header{
            border-bottom: 2rpx solid #F8F0EF;
            width: 90%;
            margin: 0 auto;
            margin-top: 25px;
            margin-bottom: 30px;
            padding-top: 15px;
            padding-bottom: 30px;
            font-size: 35px;
            margin-top: 25px;
            color: #D1A8A8;
        }
        .info{
            width: 90%;
            margin-top:10px;
            display:flex;
            margin: 0 auto;
            margin-bottom: 28px;
            .left_tip{
                width:20%;
                font-size: 28px;
                color: #c3c3c3;
            }

            .right_content{
                font-size: 28px;
                color:#4D4D4D;
                margin-left: 32px;
                width:80%;
            }
        }

        .cancel_btn_wrap{
            width:100%;
            height: 65px;
            line-height: 65px;
            margin-top: 20px;
            margin-bottom: 30px;
            // border:1px solid #000;
            .cancel_btn{
                // border:1px solid #000;
                width: 270px;
                color: #fff;
                text-align: center;
                height: 100%;
                margin: 0 auto;
                background-color: #D1A8A8;
                border-radius: 45px;
                font-weight: 400;
                font-size: 35px;
            }
        }
    }
}

.newTreatmentListbtn_wrap{
    margin-top: 130px;
    // border:1px solid #000;
    height: 70px;
    line-height: 70px;
    .newTreatmentListbtn{
        // border:1px solid #000;
        width:300px;
        height:100%;
        margin:0 auto;
        text-align: center;
        background-color: #D1A8A8;
        border-radius: 40px;
        font-weight: 500;
        color:#fff;
    }
}